/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var{font:inherit}
del, ins{text-decoration:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup, sub{vertical-align:baseline}
* html #wrapper, * html #sidebar, * html #posting, * html #kotak-sidebar, * html #kotak-posting, * html #header-wrapper, * html #bottom-bar{height:1%}
html{height:101%}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block}
#navbar-iframe, .status-msg-wrap, .post-feeds, .feed-links{display:none}
.clear{clear:both;
}

/* TEXT, LINK AND HEADING */
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:0.83em}
h6{font-size:0.75em}
p{padding-bottom:14px}
ol, ul{list-style-type:none}
img, iframe, table{max-width:100%}
table{background:#fafafa; margin:0 auto 14px}
td, th{vertical-align:top; text-align:left; font-size:13px; padding:3px 5px; border:1px solid #ccc}
th{background:#ddd}
a img{border:0}
a, img{outline:none}
a:link{outline:none; color:#4183C4; text-decoration:none}
a:visited{color:#4183C4; text-decoration:none}
a:hover, a:active{color:#C80441; text-decoration:none}
a.box{box-shadow:2px 2px 5px rgba(1,1,1,.1); position:relative; top:0px; left:0px; display:block; background:#f0f0f0; border:1px solid #fff; padding:3px 6px; color:#666; font-size:13px}
a.box:hover{box-shadow:0px 0px 2px rgba(1,1,1,.1); top:2px; left:2px; text-decoration:none;
}

/* ELEMEN */
body{background:#d4d4d4 url(http://webdesignerlab.com/templates/coming-soon/images/pattern1.png); font:normal 13px helvetica,arial,sans-serif; text-align:left; color:#222; margin:0}
#wrapper{font-size:12px; margin:5px auto; width:970px}
#posting{float:left; width:660px}
#sidebar{float:right; width:315px;
}

/* HEADER */
#header{float:left; max-width:400px; height:60px; margin-top:57px; margin-left:10px}
#header h1, #header p{font:35px Oswald; line-height:15px; color:#48b; text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ccc,3px 3px #ddd; padding:10px; margin:0}
#header h1 a, #header h1.title a:hover{color:#48b; text-decoration:none}
#header .description{color:#48b; font:13.5px Oswald; text-shadow:none}
#header img{border:0 none; background:none; width:auto; height:auto; margin:0 auto;
}

/* BREADCRUMBS */
#breadcrumbs-system{overflow:hidden; width:100%}
#breadcrumbs-system li{float:left; margin:0 .5em 0 1em; list-style-type:none; font-size:13px}
#breadcrumbs-system a{background:#1478ff; padding:2px 5px; float:left; text-decoration:none; color:#DDD; position:relative}
#breadcrumbs-system a:hover{background:#0f53b0}
#breadcrumbs-system a::before{content:&quot; &quot; ; position:absolute; top:50%; margin-top:-1.5em; border-width:1.5em 0 1.5em 1em; border-style:solid; border-color:#1478ff #1478ff #1478ff transparent; left:-1em}
#breadcrumbs-system a:hover::before{border-color:#0f53b0 #0f53b0 #0f53b0 transparent}
#breadcrumbs-system a::after{content:&quot; &quot; ; position:absolute; top:50%; margin-top:-1.5em; border-top:1.5em solid transparent; border-bottom:1.5em solid transparent; border-left:1em solid #1478ff; right:-1em}
#breadcrumbs-system a:hover::after{border-left-color:#0f53b0}
.breadcrumbs{padding:12px 12px 13px 0px; margin-bottom:5px; font-size:11px; color:#555; text-shadow:0px 1px #fff; border:1px solid #fcfcfc; border-radius:4px; background:#efefef; box-shadow:0px 1px 3px #aaa; margin-left:-15px; margin-top:-10px; width:674px}
.breadcrumbs a{color:#C46802; text-decoration:none; padding:12px 18px 13px 12px; background:url(http://1.bp.blogspot.com/-iQ2NDUoFLko/UN5U0GqshMI/AAAAAAAAAFI/wBzNyMH_3CY/s320/brd.png) no-repeat right center}
.breadcrumbs a:hover{color:#000; text-decoration:none}
.breadcrumbs{padding:12px 12px 13px 0px;margin-bottom:5px;font-size:11px;color:#555;text-shadow: 0px 1px #fff;border:1px solid #fcfcfc;border-radius:5px;background:#efefef;box-shadow: 0px 1px 3px #aaa;margin-left:-15px;margin-top:-10px;width:674px;margin-bottom:20px}
.breadcrumbs a{color:#C46802;text-decoration:none;padding:12px 18px 13px 12px;background:url(http://1.bp.blogspot.com/-iQ2NDUoFLko/UN5U0GqshMI/AAAAAAAAAFI/wBzNyMH_3CY/s320/brd.png) no-repeat right center;}
.breadcrumbs a:hover{color:#000;text-decoration:none}
.breadcrumbs, #blog-pager{margin-right:10px;
}

/* POSTING */
#kotak-posting{margin-left:5px; width:650px; padding:0; word-wrap:break-word}
#kotak-posting{margin:10px 0 10px 10px}
.post {box-shadow:1px 1px 5px rgba(1,1,1,.1); background:#efefef; color:#666; font-size:12px; border:1px solid #fafafa; border-radius:5px; position:relative; padding:8px; margin-left:-15px;margin-top:-7px;width:670px}
.post blockquote::selection{background:#ac0; color:#ac0; text-shadow:0px 0px 0px rgba(0,0,0,1)}
.post h1{font:24px Oswald; line-height:1.2em;background:url(http://4.bp.blogspot.com/-Wz43A5JdrdA/UN5Zxqh5nkI/AAAAAAAAAF0/YIIC4IjFKVs/s320/home-post.png) top left no-repeat; margin-bottom:10px; border:1px solid #fafafa; transition:background-color 0.5s ease-out 0s; -moz-transition:background-color 0.5s ease-out 0s; border-radius:5px; -webkit-transition:background-color 0.5s ease-out 0s; -o-transition:background-color 0.5s ease-out 0s; line-height:36px; padding:5px 0 5px 25px; box-shadow:0px 1px 3px #aaa; background-color:#efefef}
.post h2{font:24px Oswald; line-height:1.2em}
.post h2 strong, .post h2 a:hover{color:#eb4938}
.post-footer{position:absolute; bottom:0; right:0; left:0; padding:6px 20px; margin-bottom:-13px; color:#666; font-size:12px; text-align:left}
.item-post-footer{margin:3px 0 8px; text-align:right; font-size:12px; color:#888; font-style:italic}
.post-body{line-height:1.4; text-align:justify}
img{max-width:100%; padding:0; margin:0; cursor:pointer}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center; padding:10px 15px; font-size:11px; clear:both; margin-left:-15px; border-radius:5px; width:660px; margin-top:-15px; margin-bottom:-10px}
.post-body ul{margin:0 0 13px 28px; list-style-type:disc}
.post-body ol{margin:0 0 13px 28px; list-style-type:decimal;
}

/* POSTMETA */
.postmeta{font:11px Tahoma;font-weight:400; line-height:16px;margin:0; border-top:1px solid #ccc;border-bottom:1px  solid #ccc; text-align:left;padding:5px;}
.author{color:#666; background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock{color:#666; background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock a{color:#666}
.clock a:hover{color:#b64d4a;
}

/* BLOCKQUOTE */
.post-body blockquote {background: url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8;border-radius: 4px;color: #406C7F;font-family: Monaco,Courier,monospace;font-size: 12px;line-height: 20px;margin: 5px 4px 10px 4px;overflow: auto;padding: 5px 12px;border:2px dashed #cec2c2;-webkit-box-shadow:inset 0px 0px 7px #222;-moz-box-shadow:inset 0px 0px 7px #222;box-shadow:inset 0px 0px 7px #222;}
a.njrit{font-size:13px; color:#ac0; margin:8px 0; display:block; padding:2px 8px}
a.njrit:hover{color:#fff}
::selection{background:#FAA142;color:#fff}
::-moz-selection{background:#FAA142;color:#fff}
.sticky{
}

/* PRE CODE */
pre {
background-color:white;
background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
-o-background-size:30px 30px;
background-size:30px 30px;
background-repeat:repeat;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:2px solid #666;
position:relative;
padding:0 7px;
margin:10px 5px;
overflow:auto;
word-wrap:normal;
white-space:pre;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
border-radius:5px;
}
pre[data-codetype] {
padding:29px 1em 7px 1em;
}
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}
pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;
}

/* WIDGET POSTING */
#widget-posting-kiri{float:left; margin:0 5px 10px 10px; padding:0; width:350px; display:inline}
#widget-posting-kanan{float:right; margin:0 10px 10px 5px; padding:0; width:350px; display:inline}
.widget-posting h2, .widget-posting h3{background:#999; margin:0; padding:4px 8px; font-size:16px; text-shadow:0px 1px 0px #666; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff}
.widget-posting .widget{box-shadow:1px 1px 5px rgba(1,1,1,.1); background:#f5f5f5; margin:0 0 10px; border:1px solid #fff}
.widget-posting .widget-content{padding:8px;
}

/* SIDEBAR */
.sidebar{color:#666}
.sidebar a{text-decoration:none; color:#666}
.sidebar a:hover{text-decoration:none; color:#000}
.sidebar .widget{margin:0 0 5px 0; padding:15px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #fafafa; box-shadow:0px 1px 3px #aaa; background:#efefef}
.sidebar .widget h2{margin:0; padding:10px; font-size:17px; border:solid 1px #E7E7E7; text-align:right; font-weight:normal; color:#8B8B8B; position:relative; background:#F6F6F6; font-family:Enriqueta,Georgia,serif}
.sidebar .widget h2::after{content:""; width:0; height:0; top:-3px; position:absolute; left:-3px; border:14px solid #DDD; border-left-color:#efefef; border-top-color:#efefef}
.sidebar .widget h2::before{content:""; width:0; height:0; top:0; position:absolute; left:0; border:13px solid #DDD; border-left-color:#F6F6F6; border-top-color:#F6F6F6}
.sidebar .widget-content{font-size:13px}
.sidebar ul{list-style-type:none; list-style:none; margin:0px; padding:0px}
.sidebar ul li{border-bottom:1px solid #efefef; padding:5px 0; margin:0px; line-height:17px}
#sidebar{width:275px; float:right; padding-bottom:20px;margin-right:-5px;}
#bottom{margin:0; padding:0; background:#02394C url(http://4.bp.blogspot.com/-9lNua6-Vdy8/UJyYBeE32rI/AAAAAAAADEk/g9a-rXRPfDQ/s1600/pattern.png); border-bottom:1px solid #064B63; border-top:1px solid #fff}
#sidebar .HTML5 ul li{width:112px; float:left; margin:0 3px;
}

/* CUSTOM WIDGET */
.BlogArchive #ArchiveList ul li{text-indent:0 !important}
.widget-content ul li{margin:0; padding:3px 2px; border-top:1px solid #fafafa; border-bottom:1px solid #ddd}
.widget-content ul li:first-child{border-top:medium none !important}
.widget-content ul li:last-child{border-bottom:medium none !important}
.widget-content ul li a{color:#48b}
.widget-content ul li a:hover{color:#C80441}
#LinkList1 .widget-content ul{height:100px; overflow-y:auto}
.item-control{display:none}
#leaderboard{text-align:center; padding:0px; margin:0px}
#leaderboard .widget{border-bottom:1px solid #fafafa}
#leaderboard .widget h2{display:none}
#leaderboard .widget-content{margin:0 auto; padding:10px 10px 10px 10px; border-bottom:1px solid #ccc}
#leaderboard img{max-width:100%}
#Label1{height:555px; overflow:scroll; display:block}
#Label1 ul li a{background:transparent url(http://2.bp.blogspot.com/-YBaVWiNSvHo/UIeZgBcvBZI/AAAAAAAACwk/8L_bK0VCljI/s1600/bullet.png) no-repeat 0 4px;
}

/* WIDGET SHARING */
.sharing{border-radius:6px; font-size:13px; margin:0 0 10px; padding:8px; border:1px solid #ccc; border-radius:5px; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png) repeat fixed center center; background:rgba(255,255,255,.5); box-shadow:inset 0 0 2px #ccc}
.comm{float:right}
.comm a:link, .comm a:visited{color:#4183C4; text-decoration:none}
#bottom{margin-top:-10; padding:0; background-color:#6aa1fc; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png); border-bottom:1px dashed #2c2c2c; border-top:1px dashed #2c2c2c; margin-left:-190px; width:1349px}
#bottom ul{margin:0; padding:0;
}

/* FOOTER */
.content-wrapperink{position:relative; max-width:980px; margin:0 auto}
#footerink{background:url(http://1.bp.blogspot.com/-jIg6mh85Q78/UURR7APqcBI/AAAAAAAAAeU/ln53oG6-FmQ/s1600/bg-header.png); border-top:3px solid #1da7e7; width:100%; padding:0}
.footerink-wrapper{color:#aaa; font:12px Arial; height:100%; line-height:16px; overflow:hidden; padding:0}
.footerink1{float:left; width:340px; margin:10px 5px 8px 0}
.footerink2{float:left; width:336px; margin:10px 5px 8px 10px}
.footerink4{float:right; width:275px; margin:10px 0 8px 5px}
.footerink .widget{margin-bottom:0px}
.footerink h2{font:bold 14px Arial; padding:6px 8px; margin-bottom:8px; line-height:1.3em; text-align:center; text-transform:uppercase; color:#fff; ; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset; box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset;}
.footerink .widget-content{line-height:17px}
.footerink ul{list-style:none; color:#EAE9E8; margin:0; padding:0}
.footerink li{list-style:none; background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px; font:normal 12px Arial; color:#626262; text-indent:0; line-height:1.2em; margin:0; padding:2px 0 3px 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.footerink a:link{color:#aaa}
.footerink li a:visited{color:#aaa}
.footerink li a:hover{color:#fff;
}

/* CREDIT */
#credit{background:#222 url(http://4.bp.blogspot.com/-n10OWldhGFk/UUcImyQo2CI/AAAAAAAAAkg/yKCldFRFG7Y/s1600/footer-div.png) repeat-x scroll top; font:11px Tahoma; color:#999; width:100%; overflow:hidden; clear:both; padding:15px 0 10px; line-height:18px}
#credit .left{float:left; text-align:left; margin-left:10px}
#credit .right{float:right; text-align:right; margin-right:10px}
#credit a{color:#eee; text-decoration:none}
#credit a:hover{color:#fc0; text-decoration:none;
}

/*  NAVIGASI ATAS */
#menuwrapperpic{background:#137BBF url(http://3.bp.blogspot.com/-2gF3Bx05Dgo/ULeBP6aBr6I/AAAAAAAADWU/QtbpFwOLMTo/s1600/menu-bg2.png) repeat-x top center; width:100%; margin:0 auto; padding:0 auto}
#menuwrapper{width:960px; margin:0 auto; height:37px}
.clearit{clear:both; height:0; line-height:0.0; font-size:0}
#menubar{width:100%}
#menubar, #menubar ul{padding:0; margin:0; list-style:none; font-family:Arial,sans-serif}
#menubar a{display:block; text-decoration:none; padding:10px 12px 11px 12px; font-size:12px; font-weight:normal; text-transform:none; color:#F0E8E5; text-shadow:-1px -1px 0 #0F669F; background:url(http://4.bp.blogspot.com/-WlGlVelox5k/ULeDHBUxIMI/AAAAAAAADWk/6p70qqIYSSs/s1600/menu-left.png) no-repeat top left}
#menubar a.trigger{background-image:url(http://1.bp.blogspot.com/-Ou5V60iU-C8/TeQD01cinhI/AAAAAAAABjQ/_0_myiMPkL0/s1600/arrow.gif); background-repeat:no-repeat; padding:10px 24px 11px 12px; background-position:right center}
#menubar li{float:left; position:relative}
#menubar li{position:static; width:auto}
#menubar li ul, #menubar ul li{width:165px}
#menubar ul li a{text-align:left; color:#13598D; padding:6px 12px; font-size:12px; font-weight:bold; text-transform:none; font-family:Arial}
#menubar li ul{z-index:100; position:absolute; display:none; background:#0F4E7D; padding-bottom:5px}
#menubar li ul{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
#menubar li ul{-moz-box-shadow:0 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.6); filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95}
#menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#2F8FCE; color:#fff; text-decoration:none; padding:10px 12px 8px 12px}
#menubar li:hover ul, #menubar li.hvr ul{display:block}
#menubar li:hover ul a, #menubar li.hvr ul a{color:#d1d8e5; background-color:transparent; text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #296A99; border-top:1px solid #0E4064; display:block; font-size:1px; height:0px; line-height:0px; margin:4px 0}
#menubar ul a:hover{background-color:#0E3B5D!important; color:#fff !important; text-decoration:none}
#menubar li.home a, #menubar li.home a:visited{background:url(http://4.bp.blogspot.com/-b5CZZuwYUKM/TeQD2DHXOvI/AAAAAAAABjc/VEl5dmwPyO8/s1600/menu_hover.gif) repeat-x top left; border-left:none}
#menubar li.home a:hover{background:#1d335d;
}

/* FIXED POSITION */
#inner{padding-top:41px}
#fixed{position:fixed; top:0; left:0; width:100%; height:41px; z-index:999999}
#fixedinner{text-align:center; background:transparent; height:41px; position:relative; z-index:999999}
* html, * html body{overflow-y:hidden; height:100%}
* html #fixedinner{margin-right:-143px; voice-family:"\"}
\""; voice-family:inherit}
* html #fixedinner{margin-right:17px}
* html #fixed{position:absolute;
}

/* BOX BANNER */
#Box-Banner-ads{margin-left:-8px; margin-right:-7px; padding:0px; text-align:left}
#Box-Banner-ads img{width:125px; height:125px; margin:0px 0px 6px 3px; padding:4px; text-align:centert; border:1px solid #fcfcfc; border-radius:5px; background:#efefef; box-shadow:0px 1px 3px #aaa; opacity:.5; filter:alpha(opacity=100); this.style.opacity=1}
#Box-Banner-ads img:hover{opacity:1; filter:alpha(opacity=1); this.style.opacity=6;
}

/* POPULAR POST */
.PopularPosts .item-thumbnail{float:right; margin:0 0 0 10px}
.popular-posts ul li .item-snippet{font-size:10px; padding-bottom:0px; border-top:0}
.PopularPosts .item-thumbnail a{height:120px; width:70px; float:left; background-attachment:scroll; background-clip:border-box; background-color:#000; background-image:url(http://2.bp.blogspot.com/-8VyF_rcq0I0/UPMikKsZYHI/AAAAAAAACmA/jIej-FyI3-I/s1600/view.png); background-origin:padding-box; background-position:center center; background-repeat:no-repeat; background-size:auto auto; box-shadow:0px 1px 3px #aaa}
#PopularPosts1 li img{margin-right:0; padding:0; border:0; opacity:1}
#PopularPosts1 li img:hover{opacity:0.45}
#PopularPosts1{font-size:10px; padding-bottom:0px; border-top:0}
#PopularPosts1 .item-thumbnail{border:1px solid #fcfcfc; border-radius:5px; background:#efefef; box-shadow:0px 1px 3px #aaa; float:left; margin:0 5px 8px 0; padding:4px; height:120px; width:70px}
#PopularPosts1 ul{padding-top:10px}
#PopularPosts1 li img{height:120px; width:70px}
.sidebar a:link{font:12px Oswald; text-decoration:none;
}

/* BOX BANNER HOME */
#Banner-ads-home{margin:0; padding:0; text-align:left}
#Banner-ads-home img{width:121px; height:33px; margin:0px 0px 0px 3px; padding:4px; text-align:centert; border:1px solid #fcfcfc; border-radius:5px; background:#efefef; box-shadow:0px 1px 3px #aaa; opacity:.5; filter:alpha(opacity=100); this.style.opacity=1}
#Banner-ads-home img:hover{opacity:1; filter:alpha(opacity=1); this.style.opacity=6}
#bottom-dR{margin-top:-10; margin-bottom:10px; margin-right:-7px; margin-left:-8px; padding:5px 10px; background:url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8; border-radius:4px; color:#406C7F; border:2px dashed #cec2c2; -webkit-box-shadow:inset 0px 0px 7px #222; -moz-box-shadow:inset 0px 0px 7px #222; box-shadow:inset 0px 0px 7px #222;
}

/* OPTIONS BAR */
#options{position:fixed; left:-3px; top:127px; float:left; background:#f3f2f2; width:160px; height:320px; z-index:1; display:none}
#options_button{position:fixed; left:-3px; top:127px; width:30px; height:30px; background:#f3f2f2; background-image:url(http://1.bp.blogspot.com/-46Hh2e8SSQM/UVL-BUDBVOI/AAAAAAAACEc/w_In5GZNr7k/s1600/options.png); background-repeat:no-repeat; background-position:center; z-index:1; cursor:pointer}
.rounded{border-radius:5px}
h3{font-family:Arial,Helvetica,sans-serif; margin:5px 3px; font-size:14px; font-weight:bold; text-align:left}
#texture_options, #color_options{padding:0 15px; overflow:auto}
.color, #texture_options img{float:left; width:32px; height:24px; margin:3px; border:2px solid #cbcbcb; cursor:pointer}
#color1{background-color:#2eaaf9}
#color2{background-color:#888}
#color3{background-color:#c56f23}
#color4{background-color:#28923a}
#color5{background-color:#a54ece}
#color6{background-color:#ce1e1e}
#color7{background-color:#222020}
#color8{background-color:#12549B}
#color9{background-color:#0f0}
.rounded h2{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-align:center; text-decoration:underline !important}
#tuw-font-change-widget{width:auto}
#tuw-font-change-widget ul{width:auto; overflow:hidden; margin:0 0 20px !important; padding:0 !important; list-style; none !important}
#tuw-font-change-widget ul li{width:20px !important; height:20px !important; overflow:hidden; margin:0 6px 0 0 !important; padding:2px !important; display:block !important; float:left !important; border:1px solid #CCC !important}
#tuw-font-change-widget ul li a{width:20px !important; height:20px !important; display:block !important; line-height:18px !important; text-align:center !important; color:#FFF !important; font-size:11px !important; font-family:Tahoma !important; text-decoration:none !important; outline:0 !important}
#fcw-color a{text-indent:-999px !important}
#fcw-size a{text-indent:0 !important; background:#333 !important;
}

/* MENU SEARCH */
#search{position:absolute; top:90px; right:0px}
.search form{width:260px; height:30px; background:transparent url(http://3.bp.blogspot.com/-juykkQL2lo4/UFXfqpN2PwI/AAAAAAAAAo8/z7Sd0TwSVPU/s1600/searchform.png) no-repeat 0 0; position:relative; float:right; margin-right:6px; margin-bottom:5px}
.search input#search-text{position:absolute; left:10px; top:0; border:0; background:none; width:185px; height:30px; line-height:25px; margin-left:-8px; color:#7B7B7B}
.search input#search-submit{position:absolute; top:0; right:0; width:73px; background:none; border:none; cursor:pointer; height:26px; line-height:26px}
.status-msg-wrap{display:none}
.status-msg-body{display:none}
.status-msg-border{display:none;
}

/* BACKLINKS */
#BKbacklinks{overflow:hidden; margin:5px 0px 10px 0; height:180px; width:668px; border-radius:6px; border:1px solid #ccc; border-radius:5px; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png) repeat fixed center center; background:rgba(255,255,255,.5); box-shadow:inset 0 0 2px #ccc}
#BKbacklinks:hover{height:180px; -webkit-transition:all 0.7s ease-in-out}
.BKbkl{margin-top:3px; float:left; color:black; width:641.5px; transition:all .9s ease-in-out; border:1px solid #ccc; border-radius:3px; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png) repeat fixed center center; background:rgba(255,255,255,.5); box-shadow:inset 0 0 2px #ccc}
.BKbkl:hover{color:#C80441; background:cyan}
#BKbacklinksTitle{border-radius:5px; width:620px; height:20px; text-align:center; font-family:Black Ops One; font-size:20px; font-style:normal; font-weight:normal; color:black; margin-bottom:10px; padding:2px 10px;
}

/* RELATED POSTS */
#related-posts{float:left; width:100%; border-bottom:3px solid #bbb; border-top:3px solid #bbb; margin:5px 0 10px; padding:15px 0 10px}
#related-posts .widget h2, #related-posts h2{font:16px Oswald; color:#111; text-transform:none; margin:0 0 10px; padding:0}
#related-posts a{color:#333; font:12px Tahoma}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px; text-indent:0; line-height:1.2em; border-bottom:1px dashed #ddd; margin:0; padding:3px 0 3px 12px}
#related-posts a:hover{color:#2482d6; text-decoration:none}
#related-posts .widget{margin:0; padding:0}
#related-posts ul{list-style:none; margin:0; padding:0;
}

/* KOTAK PORMULIR */
#threaded-comment-form{}
#threaded-comment-form-pC{position:relative; background:url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8; -webkit-box-shadow:inset 0px 0px 7px #222; -moz-box-shadow:inset 0px 0px 7px #222; box-shadow:inset 0px 0px 7px #222; border:2px dashed #cec2c2; border-radius:5px; -webkit-border-radius:5px; padding:10px; font-family:Monaco,Courier,monospace; font-size:12px; line-height:20px; color:#406C7F; margin-top:30px}
#threaded-comment-form-pC::after, #threaded-comment-form-pC::before{top:100%; border:solid transparent; content:&quot; &quot; ; height:0; width:0; position:absolute; pointer-events:none}
#threaded-comment-form-pC::before{border-top-color:#cec2c2; border-width:15px; left:10%; margin-left:-36px}
#threaded-comment-form-pC::after{border-top-color:#444; border-width:9px; left:10%; margin-left:-30px}
.jquery-lightbox-overlay{background:#000}
.jquery-lightbox{position:relative; padding:17px 0}
.jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right{position:absolute; height:17px; width:12%; z-index:7000}
.jquery-lightbox-border-top-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 0; top:0; left:0}
.jquery-lightbox-border-top-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right 0; top:0; right:0}
.jquery-lightbox-border-top-middle{background:#2b2b2b; position:absolute; height:7px; width:78%; top:0; left:12%; z-index:7000; overflow:hidden}
.jquery-lightbox-border-bottom-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 bottom; bottom:0; left:0}
.jquery-lightbox-border-bottom-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right bottom; bottom:0; right:0}
.jquery-lightbox-border-bottom-middle{background:#2b2b2b; height:7px; width:78%; position:absolute; bottom:0; left:12%; z-index:7000; overflow:hidden}
.jquery-lightbox-title{background:#2b2b2b; color:#FFF; font-family:verdana,arial,serif; font-size:11px; line-height:14px; position:absolute; bottom:0; z-index:7000; opacity:0.9; margin:3px; padding:5px 8px}
.jquery-lightbox-html{z-index:7000; position:relative; border:0; border-left:7px solid #2b2b2b; border-right:7px solid #2b2b2b; vertical-align:top; padding:0 15px}
.jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe{vertical-align:top}
.jquery-lightbox-background{position:absolute; top:7px; left:7px; z-index:6999; float:left; padding:0}
.jquery-lightbox-background img{display:block; position:relative; border:0; width:100%; height:100%; margin:0; padding:0}
.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998; padding:0}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#222}
.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:auto}
.jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading{background:rgb(34,34,34) url(http://3.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat center center}
.jquery-lightbox-button-close{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -190px -115px; position:absolute; top:12px; right:-26px; width:29px; height:29px}
.jquery-lightbox-button-close:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -115px}
.jquery-lightbox-mode-image .jquery-lightbox-button-close{right:14px; z-index:7002; opacity:0.7}
.jquery-lightbox-buttons{position:absolute; top:7px; left:7px; z-index:7001; height:39px; display:none}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:5px; height:39px; float:left; display:inline}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -151px -153px; margin:7px 0 0 7px}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -244px -153px; margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -153px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -162px -235px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -207px -235px}
.jquery-lightbox-buttons-custom{height:39px; float:left; display:inline; background:#2b2b2b; line-height:39px; font-size:10px; margin:7px 0 0}
.jquery-lightbox-buttons-custom a{color:#FFF; font-size:10px; display:inline; font-weight:400; text-decoration:underline; padding:0 3px}
.jquery-lightbox-mode-image .jquery-lightbox-buttons{opacity:0.3}
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{opacity:0.9}
.jquery-lightbox-button-close span, .jquery-lightbox-buttons span, .jquery-lightbox-navigator{display:none}

/* BUTTON */
.cm_button{padding-top:10px}
.cm_button a{display:inline-block; margin:10px 10px 5px 5px; padding:0px 10px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#6E6E6E !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background:#D6D6D6; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif}
.cm_button a:hover{text-decoration:none !important; background:#999; background:-webkit-gradient(linear,left top,left bottom,color-stop(.2,#eee),color-stop(1,#ccc)); ; background:-moz-linear-gradient(center top,#eee 20%,#ccc 100%)}

/* COMMENT TAG CODE */
.button:before{background:#000; background:rgba(0,0,0,.1); float:left; width:1em; text-align:center; font-size:1.5em; margin:0 1em 0 -1em; padding:0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03); -webkit-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03); -moz-border-radius:.15em 0 0 .15em; -webkit-border-radius:.15em 0 0 .15em; border-radius:.15em 0 0 .15em; pointer-events:none; content:" \279C"; color:rgb(200,0,0);}

/* COMMENT TAG CODE */
#comment-editor{width:95% !important; max-width:95% !important}
img.emo{display:inline-block; vertical-align:middle}
#comment-holder .cm-youtube{display:block; border:none !important; background-color:#333; width:370px; height:218px; margin:0 auto 30px}
#comment-holder .cm-image{display:block; margin:0 auto 15px; outline:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 3px rgba(0,0,0,0.2); padding:2px; max-width:95%}
#comment-holder code, 
#comment-holder i[rel=&quot; code&quot; ]{font:normal 12px Monaco,&quot; Courier New&quot; ,Monospace; color:blue}
#comment-holder pre, 
#comment-holder i[rel=&quot; pre&quot; ]{display:block; padding:0.5em 1em; word-wrap:normal; white-space:pre; overflow:auto}
#comment-holder blockquote, 
#comment-holder b[rel=&quot; quote&quot; ]{margin:0 2%; padding:1em 1.2em; display:block; background:url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8; border-radius:4px; color:#406C7F; font-family:Monaco,Courier,monospace; font-size:12px; line-height:20px; overflow:auto; border:2px dashed #cec2c2; -webkit-box-shadow:inset 0px 0px 7px #222; -moz-box-shadow:inset 0px 0px 7px #222; box-shadow:inset 0px 0px 7px #222}
#comment-holder i[rel=&quot; image&quot; ], 
#comment-holder i[rel=&quot; youtube&quot; ]{display:block; overflow:hidden; border:2px solid black; position:relative; width:170px; height:100px; margin:0 auto 30px}
#comment-holder i[rel=&quot; image&quot; ]:before, 
#comment-holder i[rel=&quot; youtube&quot; ]:before{content:&quot; Please enable your JavaScript to see this image!&quot; ; position:absolute; top:0; right:0; bottom:0; left:0; background-color:red; color:white; font-weight:bold; text-align:center; padding:15px 0}
#comment-holder i[rel=&quot; youtube&quot; ]:before{content:&quot; Please enable your JavaScript to watch this video!&quot;
}

/* HEADER BLOG */
#header-wrapper{width:980px; height:120px; padding:0; background:linear-gradient(rgba(255,255,255,0.8),rgba(245,245,245,0.8)),url(http://4.bp.blogspot.com/-p34V3XZtetM/UFieW2LOavI/AAAAAAAAB9U/L_0JekftDO4/s1600/Batik-Header.png)no-repeat top right; border-left:1px solid #fafafa; border-right:1px solid #fafafa; margin:0 auto}
.header{float:left; width:970px; height:63px; margin:-10px}

/* SOSIAL BLOG */
#sosial{display:block; margin-bottom:13px; margin-top:12px; margin-right:-10px; width:459px; float:right; background:white; position:relative; border:1px solid #DDD; padding:0; height:46px}
#sosial::before{content:""; width:0; height:0; bottom:-11px; position:absolute; right:-1px; border:5px solid #CECECE; border-right-color:transparent; border-bottom-color:transparent}
#sosial::after{content:""; bottom:0px; position:absolute; left:-40px; z-index:99999; border:23px solid white; border-left-color:transparent}
#sosial ul{position:relative}
#sosial ul::after{content:""; bottom:-47px; position:absolute; left:-43px; border:24px solid #DDD; border-left-color:transparent; z-index:99999}
#sosial li{display:block; float:left; margin:0 10px; text-indent:-999999px}
#sosial li a{display:block; height:45px; width:133px; overflow:hidden; background:url(https://lh6.googleusercontent.com/-61A3bZOmHp0/ULhiCWpYlLI/AAAAAAAACUg/FsN-wZM5h9w/s288/Sosial-Sprite.png)}
.fb{background-position:0 0}
.fb:hover{background-position:0 -45px !important}
.twitter{background-position:0 -180px !important}
.twitter:hover{background-position:0 -225px !important}
.gplus{background-position:0 -90px !important}
.gplus:hover{background-position:0 -135px !important}
nav{overflow:hidden; height:40px; width:980px; margin:0px auto 10px; padding:0; background:#6aa1fc; border:1px solid #fafafa; border-radius:0 0 5px 5px}
nav ul li{float:left; height:40px; text-align:center; list-style:none}
nav ul li img{float:left; margin:10px 5px; height:20px; width:20px}
nav ul li span{float:right; margin:0 5px}
nav ul li a{padding:0 5px; color:#929292; font-family:Arial; font-size:13px; line-height:40px; display:block; height:50px; border-right:1px solid #fff; transition:background 1s ease-out}
nav ul li a:hover{background-color:rgba(255,255,255,0.6); color:#999}
nav{width:980px}
.mobile #footer{display:none}
.mobile #main-wrapper{width:100%}

/* TOMBOL */
.tombol{color:666; text-shadow:-1px 1px 0px #636363; font-size:0px; line-height:50px; text-align:center; margin:10px 0px; font-family:&#39; Electrolize&#39; ,sans-serif; background:#919191 url(http://1.bp.blogspot.com/-t9vE17CJAXY/T8kMrEAGW6I/AAAAAAAAAss/V0kRexeUOfU/s1600/pause.png)no-repeat left; border-radius:5px; width:50px; height:50px; white-space:nowrap; border:2px solid #ccc; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.tombol:hover{width:450px; text-shadow:1px 1px 0px #A3A3A3; font-size:20px; background:#919191 url(http://2.bp.blogspot.com/-0t2HNcnlucw/T8kMsMQXrgI/AAAAAAAAAsw/p6PJuSblJrE/s1600/play.png)no-repeat left}